var table_list = $('.tabl0.e').children().children();
var check_list = $('.form-check').children().children();
var index;
var res = [];
var list_length = table_list.length;
var oPageBox = $('#pageBox');
var arr = JSON.parse(localStorage.getItem('staff')) || [];
var jurisdiction = [
    {
        field: 'attendance',
        name: '考勤管理'
    },
    {
        field: 'classadmin',
        name: '班级管理'
    },
    {
        field: 'depManage',
        name: '照片墙'
    },
    {
        field: 'notice',
        name: '公告管理'
    },
    {
        field: 'staff',
        name: '部门管理'
    },
    {
        field: 'personal',
        name: '员工管理'
    },
    {
        field: 'studamin',
        name: '学生管理'
    },
    {
        field: 'paimanage',
        name: '权限管理'
    },
];
$('.staff_sure').on('click', function () {
    var oInp = $('#inputEmail3').val();
    var oStaff_in = $('#inputPassword4').val();
    var limit_str = '';

    for (var i = 0; i < check_list.length; i++) {
        if (check_list.eq(i).prop("checked")) {
            limit_str = limit_str.concat(check_list.eq(i).attr("value") + ' ');
            check_list.eq(i).prop("checked", false);
        }
    }
    $('tbody').append('<tr><td>' + list_length++ + '</td><td>' + oInp + '</td><td>' + oStaff_in +
        '</td><td>' + limit_str + '</td><td>' +
        '<button type="button" class="btn staf14f_edit btn-primary btn-md"  data-toggle="modal" data-target="#attedit">' +
        '编辑' + '</button>');
});

var limit = 5; //设置一页5条数据
var page = 1;//当前页
var pageNum = Math.ceil(arr.length/limit);
function getPageNum() {

    //添加上一页
    oPageBox.append($('<li label="Previous"><a href="#" aria-label="Previous"><span style="font-size: 14px;">&laquo;</span></a></li>'));

    //添加数字
    for (var i = 0; i < pageNum; i++) {
        var oLi = $('<li><a href="#">' + (i + 1) + '</a></li>');
        oPageBox.append(oLi);
        if (i == 0) {
            oLi.addClass('active');
        }
    }

    //添加下一页
    oPageBox.append($('<li label="Next"><a href="#" aria-label="Next"><span style="font-size: 14px;">&raquo;</span></a></li>'));


}
getPageNum();
//获取某一页的数据
function getPageData(index) {
    res = arr.slice((index - 1) * limit, limit * index);

    //将tbody数据清空
    $('tbody').empty();
    // 将输入动态插入到tbody中
    for(var i = 0;i<res.length;i++){
        var indexs = i+1;
        res[i].role = '';
        //根据权限字段拼接名称
        for(var key in res[i].paimanage){
            if(res[i].paimanage[key]){
                for(var j = 0 ;j<jurisdiction.length;j++){
                    if(key == jurisdiction[j].field){
                        res[i].role += jurisdiction[j].name + ' ';
                        break;
                    }
                }
            }
        }
        $('tbody').append('<tr><td>' + indexs + '</td><td>' + res[i].name + '</td><td>' + res[i].department +
            '</td><td>' + res[i].role + '</td><td>' +
            '<button type="button" class="btn staf14f_edit btn-primary btn-md"  data-toggle="modal" data-target="#attedit">' +
            '编辑' + '</button>');
    }
}
getPageData(page);
//点击页码 获取当页的数据
oPageBox.on('click', 'li', function (e) {
    if(!$(this).attr('label')){
        getPageData($(this).text());
        page = $(this).text();
    }else{
        //判断上下页按钮
        if($(this).attr('label') == 'Previous'){
            if(page == 1){
                alert('已经是第一页了')
            }else{
                page--
                getPageData(page);
            }
        }else{
            if(page == pageNum){
                alert('已经是最后一页了')
            }else{
                page++
                getPageData(page);
            }
        }
    }

    $('#pageBox li').eq(page).addClass('active').siblings('li').removeClass('active');

})

var dataIndex = 0;
//事件委托
$('#staff_ta').on('click','button',function(e){
    //获取标签内容
    var role = e.target.parentNode.previousSibling.innerText;

    //存储当前数据tr索引(人员索引)
    dataIndex = $(this).parent().parent().index();

    //将字符串转化为数组
    var array = role.split(' ');
    var inputs = $('.edit input');
    //清空上次选中
    for(var z = 0;z<inputs.length;z++){
        $('.edit input').eq(z).prop('checked',false);
    }
    //交叉对比设置默认选中
    for(var i = 0;i<inputs.length;i++){
        for(var j = 0;j<array.length;j++){
            if(array[j] == inputs[i].defaultValue){
                $('.edit input').eq(i).prop('checked',true);
                break;
            }
        }
    }
})
//编辑
$('#editData').on('click',function(){
    //当前需要修改数据
    var res = arr.slice((page - 1) * limit, limit * page)[dataIndex];

    //重置当前人所有权限
    for(var key in res.paimanage){
        res.paimanage[key] = false;
    }

    // //获取数据
    var limit_str = '';
    var check_list_edit = $('.edit').children().children();

    //根据选中交叉对比，修改个人权限
    for (var i = 0; i < check_list_edit.length; i++) {
        if (check_list_edit.eq(i).prop("checked")) {
            for(var j = 0;j <jurisdiction.length;j++){
                if(check_list_edit.eq(i).attr("value") == jurisdiction[j].name){
                    res.paimanage[jurisdiction[j].field] = true;
                    break;
                }
            }
        }
    }

    //更新视图
    getPageData(page);

    //将数据存储到本地
    localStorage.setItem("staff", JSON.stringify(arr));
})